<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <script src="../../js/echarts.js"></script>
    <title>Insert title here</title>
</head>

<body>
    <div id="main" style="width: 800px; height: 400px;"></div>
    <script type="text/javascript">
        var myChart = echarts.init(document.getElementById("main"));
            var option = {

                series: [
                    {
                        type: 'pie',
                        center: [200, 200],
                        radius:100,
                        data: [{
                            value:100,
                            name: '直接访问'
                        },
                        {
                            value:100,
                            name: '联盟广告'
                        },
                        {
                            value: 200,
                            name: '搜索引擎'
                        }
                        ]
                    },
                    {
                        type: 'pie',
                        center: [600, 200],
                        radius:100,
                        data: [{
                            value:300,
                            name: '直接访问'
                        },
                        {
                            value:100,
                            name: '联盟广告'
                        },
                        {
                            value: 400,
                            name: '搜索引擎'
                        }
                        ]
                    }

                ]

            }
            myChart.setOption(option)
    </script>
</body>

</html>